<template>
  <view class="system-message flex-column">
    {{ content }}
  </view>
</template>

<script>
export default{
	props: {
		message: { type: Object, required: true }
	},
	computed: {
		content(){
			return JSON.parse(this.message?.content || '{}')?.data || ''
		}
	}
}
</script>

<style lang="scss" scoped>
.system-message {
  color: #999;
  font-size: 28rpx;
  padding: 20rpx 20%;
  text-align: center;
}
</style>